<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>注册页面</title>
<link rel="stylesheet" href="<%=path%>/css/bootstrap.min.css" />
<link rel="stylesheet" href="<%=path%>/css/easyui.css" />
<style>
body {
	background-color: #f1f1f1;
}

.lightBg {
	background-color: #fff;
	padding: 10px 20px;
}

.registBody {
	padding: 10px 20px;
}
</style>

<script type="text/javascript">
	function check2() {
		var pwd = $("#pwd").val();
		var repwd = $("#repwd").val();
	
		if (pwd != repwd) {
			alert("两次密码不一致,请重新输入");
			$("#gtab").attr("disabled", true);
		} else {
			$("#gtab").attr("disabled", false);
		}
	}
</script>

</head>
<body>

	<div class="container">
		<div class="row lightBg">
			<!--标题-->
			<h2 class="pull-left">
				<img src="<%=path%>/images/logo.png" style="width: 80px;">
				智游科技项目申报系统
			</h2>
			<p class="pull-right" style="margin-top: 20px;">
				<button class="btn btn-warning">常见问题</button>
			</p>
		</div>
		<div class="row" style="margin-top: 20px;">
			<div class="panel panel-info">
				<div class="panel-heading">注册向导</div>

				<form action="doDanWeiReg">

					<div class="panel-body">
						<div class="registBody">
							<ul class="nav nav-tabs">
								<li role="presentation" class="active" id="dtab"><a
									href="#">管理员信息</a>
								</li>
								<li role="presentation" id="gtab"><a href="#">公司信息</a>
								</li>
							</ul>
							<div id="tab1">

								<table class="table table-bordered">
									<tr>
										<td colspan="2" style="background-color: #bce8f1;">单位管理员信息</td>
									</tr>
									<tr>
										<td class="text-right" width="15%">姓名:</td>
										<td class="text-left" width="85%"><input type="text"
											name="CAdmin" style="width: 240px;">
										</td>
									</tr>
									<tr>
										<td class="text-right" width="15%">电子邮箱:</td>
										<td class="text-left" width="85%"><input type="text"
											name="CAdEmail" style="width: 240px;"> <span>电子邮箱是系统与您联系的重要途径，请正确输入，推荐使用xxxxxxxx</span>
										</td>
									</tr>
									<tr>
										<td class="text-right" width="15%">联系电话:</td>
										<td class="text-left" width="85%"><input type="text"
											name="CAdTel" style="width: 240px;"> <span>例如：0371-xxxxxxxx</span>
										</td>
									</tr>
									<tr>
										<td class="text-right" width="15%">手机:</td>
										<td class="text-left" width="85%"><input type="text"
											name="CAdPhone" style="width: 240px;"> <span>手机号码是系统与您联系的重要途径，请正确输入，例如：13600000000</span>
										</td>
									</tr>
									<tr>
										<td class="text-right" width="15%">登录账号:</td>
										<td class="text-left" width="85%"><input type="text"
											name="LId" style="width: 240px;" value="${LId }" disabled>
											<span>使用组织结构代码为登录账号</span></td>
									</tr>
									<tr>
										<td class="text-right" width="15%">登录密码:</td>
										<td class="text-left" width="85%"><input type="text"
											name="LPwd" id="pwd" style="width: 240px;"> <span>密码长度为6-10位，可由字母和数字组成，区分大小写</span>
										</td>
									</tr>
									<tr>
										<td class="text-right" width="15%">确认密码:</td>
										<td class="text-left" width="85%"><input type="text"
											id="repwd" onblur="check2()" style="width: 240px;"> <span>确认密码必须和登录密码一致</span>
										</td>
									</tr>
								</table>

							</div>
							<div id="tab2" class="hidden">
								<table class="table table-bordered">
									<tr>
										<td colspan="2" style="background-color: #bce8f1;">单位信息</td>
									</tr>
									<tr>
										<td class="text-right" width="15%">单位名称:</td>
										<td class="text-left" width="85%"><input type="text"
											name="CName" value="${CName }" style="width: 240px;">
										</td>
									</tr>
									<tr>
										<td class="text-right" width="15%">组织机构代码:</td>
										<td class="text-left" width="85%"><input type="text"
											name="LId" value="${LId }" style="width: 240px;">
										</td>
									</tr>
									<tr>
										<td class="text-right" width="15%">上级主管单位:</td>
										<td class="text-left" width="85%"><select name="CUpmgr">
												<option value="河南省人力资源保障局">河南省人力资源保障局</option>
												<option value="郑州市人资资源保障局">郑州市人资资源保障局</option>
												<option value="河南省教育局">河南省教育局</option>
												<option value="河南省公安厅">河南省公安厅</option>
												<option value="北京市人民检察院">北京市人民检察院</option>
										</select></td>
									</tr>
									<tr>
										<td class="text-right" width="15%">单位性质:</td>
										<td class="text-left" width="85%"><select name="CType">
												<option value="国有企业">国有企业</option>
												<option value="私有企业">私有企业</option>
										</select></td>
									</tr>
									<tr>
										<td class="text-right" width="15%">注册资本:</td>
										<td class="text-left" width="85%"><input type="text"
											name="CRegmoney" style="width: 240px;"></td>
									</tr>
									<tr>
										<td class="text-right" width="15%">注册时间:</td>
										<td class="text-left" width="85%"><input type="text"
											name="CRegtime" style="width: 240px;"> <span>单位成立的日期，如企业营业执照上标明的注册日期</span>
										</td>
									</tr>
									<tr>
										<td class="text-right" width="15%">单位地址:</td>
										<td class="text-left" width="85%"><input type="text"
											name="CAddress" style="width: 240px;" value=""></td>
									</tr>
									<tr>
										<td class="text-right" width="15%">邮政编码:</td>
										<td class="text-left" width="85%"><input type="text"
											name="CPostcode" style="width: 240px;"></td>
									</tr>
									<tr>
										<td class="text-right" width="15%">单位电话:</td>
										<td class="text-left" width="85%"><input type="text"
											name="CTel" style="width: 240px;"></td>
									</tr>
									<tr>
										<td class="text-right" width="15%">单位传真:</td>
										<td class="text-left" width="85%"><input type="text"
											name="CFax" style="width: 240px;"></td>
									</tr>
									<tr>
										<td class="text-right" width="15%">单位网址:</td>
										<td class="text-left" width="85%"><input type="text"
											name="CWeb" style="width: 240px;"></td>
									</tr>
								</table>
								<div>
									<input type="submit" class="btn btn-primary" id="gtab"
										value="提交"> &nbsp;&nbsp; <a href="index.jsp"
										class="btn btn-default">退出</a>
								</div>
							</div>
							<div id="tab3" class="hidden">
								<iframe id="iframe_id" src="test.jsp" width="100%" height="100%"></iframe>
							</div>
						</div>
					</div>

				</form>

			</div>
		</div>
		<footer style="margin-top:40px;">
			<p class="text-center">版权归智游教育所有</p>
		</footer>
	</div>




	<script src="<%=path%>/js/jquery1.12.4.min.js"></script>
	<script src="<%=path%>/js/bootstrap.min.js"></script>
	<script src="<%=path%>/js/jquery.easyui.min.js"></script>
	<script type="text/javascript">
		$(function() {
			$('#dtab').click(function() {
				if (!$(this).hasClass('active')) {
					$('#detail').removeClass('active');
					$('#gtab').removeClass('active');
					$('#tab2').addClass('hidden');
					$('#dtab').addClass('active');
					$('#tab1').removeClass('hidden');
					/* 添加的 详情 */
					$('#tab3').addClass('hidden');
				}
			});
			$('#gtab').click(function() {
				if (!$(this).hasClass('active')) {
					$('#dtab').removeClass('active');
					$('#tab1').addClass('hidden');
					$('#gtab').addClass('active');
					$('#tab2').removeClass('hidden');
					/* 添加的 详情 */
					$('#tab3').addClass('hidden');
					$('#detail').removeClass('active');
				}
			});
			$('#detail').click(function() {
				if (!$(this).hasClass('active')) {
					$('#dtab').removeClass('active');
					$('#tab1').addClass('hidden');
					$('#tab2').addClass('hidden');
					$('#gtab').removeClass('active');
					$('#tab3').removeClass('hidden');
					$('#detail_tab2').removeClass('hidden');
				}
			});
		});
	</script>
</body>
</html>